Brand, design system, and a full component library for DSLeague — a fantasy app where ten sports run year-round in one place.
DSLeague — short for Decathlon Sports League — is a fantasy app where owners draft teams across ten sports, not players within one. Football in fall, basketball in winter, golf in spring, soccer year-round. The league runs continuously, so there's always a sport in season.
Ten sports means ten looks, ten fan bases, ten sets of colors. My job: build one design system that holds them all together.
I assigned each sport one core color — UEFA purple, MLB red, NHL black, NBA orange, and so on. Those ten colors became the foundation everything else is built on.
The component library is built on top of all that. It's documented so the dev team can use it directly.
The result: each sport's screens carry its own identity, but the navigation, layout, and interactions are all one product. Moving from football to golf shouldn't feel like switching apps — it should feel like walking into a different room of the same building.
DSLeague is live and in active use. The design system isn't a portfolio piece — it's the backbone of a real product that ships and grows.
